$(function(){
    //按键弹起执行函数；
    load();
    $('#title').on('keyup',function(e){
        if(e.keyCode == 13){
            if(this.value.trim().length == 0){
                alert('请输入您的待办事项！');
            } else {
                let arr = getData();
                arr.push({title:this.value,done:false});
                saveData(arr);
                load();
                this.value = '';
            }
        }
    })
    //捞数据
    function getData(){
        let data = localStorage.getItem('todoList');
        if(data){
            return JSON.parse(data);
        } else {
            return [];
        }
    }
    //存数据
    function saveData(data){
        localStorage.setItem('todoList',JSON.stringify(data));
    }
    //渲染数据
    function load(){
        let data = getData();
        $('ul,ol').html('');
        let todoNum = 0;
        let doneNum = 0;
        $.each(data,function(i,ele){
            if(ele.done){
                $('ul').prepend(`<li><input type="checkbox" checked><p>${ele.title}</p><a href="javascript:;" index = '${i}'></a></li>`);
                doneNum++;
            } else {
                $('ol').prepend(`<li><input type="checkbox"><p>${ele.title}</p><a href="javascript:;" index = '${i}'></a></li>`);
                todoNum++;
            }
        })
        $('#donecount').html(doneNum);
        $('#todocount').html(todoNum);
    }
    //删除数据
    $('ul,ol').on('click','a',function(){
        let index = $(this).attr('index');
        let arr = getData();
        arr.splice(index,1);
        saveData(arr);
        load();
    })
    //正在进行时;
    $('ul,ol').on('click','input',function(){
        let arr = getData();
        let index = $(this).siblings('a').attr('index');
        arr[index].done = $(this).prop('checked');
        saveData(arr);
        load();
    })
})